<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>有货</title>
	<link rel="stylesheet" type="text/css" href="./org/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
	<!-- <script src="./org/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> -->
	<script type="text/javascript" src="./Js/jquery-1.8.2.min.js"></script>
	<link rel="stylesheet" href="./Swiper-3.3.1/dist/css/swiper.min.css">
	<script type="text/javascript" src="./Swiper-3.3.1/dist/js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="./Swiper-3.3.1/dist/js/swiper.min.js"></script>
	<link rel="stylesheet" href="./Css/index.css">
	<link rel="stylesheet" href="./Css/common.css">
	<script type="text/javascript" src="./Js/index.js"></script>
	<link rel="stylesheet" href="./Css/login.css">
	<!-- 注：这儿不能引用注册的css，不然会将这儿的样式给覆盖 -->
	<link rel="stylesheet" href="./Css/pay.css">
	<script type="text/javascript" src="./Js/pay.js"></script>
</head>
<body>
<header>
	<div id="simple-header">
		<div class="header-inner">
			<span class="logo">
				<a href=""><img src="./Images/logo/logo_e.png" alt=""></a>
			</span>
			<ul class="header-tool">
				<li>
					<span>Hi~</span>
					<a href="">[请登录]</a>
					<a href="">[免费注册]</a>
				</li>
				<li class="tool-options">
					<span>
						<a href="">MY有货</a>
					</span>
					<i></i>
					<div class="tool-select">
						<a href="">我的收藏</a>
						<a href="">优惠券</a>
					</div>
				</li>
				<li>
					<a href="">订单中心</a>
				</li>
				<li>
					<a href="">帮助中心</a>
				</li>
				<li>
					<i class="logo-phone"></i>
					<a href="">400-8899-646</a>
				</li>
			</ul>
		</div>
	</div>
</header>
<article>
	<!-- 我的购物车 -->
	<div id="cart-all">
		<div id="cart-page">
		<!-- 进度条 -->
			<div class="cart-pag-line">
				<span class="cart-cur"></span>
				<!-- 这儿的进度条样式添加cart-cur -->
				<i></i>
				<span></span>
				<i></i>
				<span></span>
			</div>
			<!-- 进度条提示 -->
			<div class="cart-pag-prompt">
				<span class="cart-prompt-left cart-prompt-cur">查看购物车</span>
				<!-- 这儿 进度条的样式是添加cart-prompt-cur -->
				<span>填写订单</span>
				<span class="cart-prompt-right">付款，完成购买</span>
			</div>
		</div>
	</div>
	<!-- 商品表单 -->
	<div id="goods-details">
		<!-- 表单 -->
		<div class="container goods-total">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<table class="table table-bordered _table">
						<thead class="goods-title">
							<tr class="goods-num">
								<th style="width: 390px;">商品信息 </th>
								<th style="width: 131px;">单价(元)</th>
								<th style="width: 73px;">返YOHO币</th>
								<th style="width: 100px;">数量</th>
								<th>小计(元)</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr class="ordinary">
								<td colspan=6>
									<input type="checkbox" name="" id="checkbox"><span>普通商品(5) </span>
								</td>
							</tr>
							<!-- 这儿循环已添加的商品信息 -->
							<tr class="pay-wapper">
								<td  class="goods-check-info">
									<input type="checkbox" name="" id="">
									<a href="" class="pay-pro-icon">
										<img src="./Images/pay/2.jpg" alt="">
									</a>
									<p class="pay-pro-info">
										<a href="">Quiksilver SURF LS LS Tee 长袖T恤</br></a>
										<span>颜色：灰色 尺码：M</span>
									</p>
								</td>
								<td  class="goods-check">￥169.00</td>
								<td  class="goods-check">0 个</td>
								<td  class="goods-check goods-number">
									<span class="reduce">-</span>
									<input type="text" readonly="readonly" value="0" class="txtStyle">
									<!-- 将这儿的value值写入数据库中，然后保存该值。 -->
									<span class="plus">+</span>
								</td>
								<td  class="goods-check">￥<span>338.00</span></td>
								<td  class="goods-check">
									<button type="button" class="btn btn-danger">删除</button>
									<button type="button" class="btn btn-info">移入收藏夹</button>
								</td>
							</tr>
							<!-- 循环点 -->
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 表单全选 -->
		<div class="cartnew-sum">
			<div class="batch_div">
				<input type="checkbox" name="" id=""><span>全选</span>
				<a href="" class="delAll">批量删除</a>
				<a href="" class="removeAll">批量移入收藏夹</a>
			</div>
			<div class="batch_div-right">
				<p class="right-sum">商品总价（￥100.00）- 活动（￥100）= 商品金额总计（￥10000）</p>
				<p class="gross">
					<a href="" class="yoho-coin">9</a><span>共返YOHO币：0个　商品总价（不含运费）：</span>
					<span class="money">￥9999999</span>元                        
				</p>
			</div>
		</div>
		<div class="payDiv">
			<button type="button" class="btn btn-default _btn-defaule"><span>◀</span>再逛逛</button>
			<button type="button" class="btn btn-danger _btn-danger">去结算<span>▷</span></button>
		</div>
	</div>
	<!-- 凑单商品 -->
	<div id="together">
		<div class="together-title">
			<div class="together-button">
				<div class="together-button-one"></div>
				<span class="tgt">凑单商品</span>
			</div>
			<div class="together-right">
				<button type="button" class="btn btn-default _together-together _btn1">▶</button>
				<button type="button" class="btn btn-default _together-together _btn2">◀</button>
			</div>
		</div>
		<div class="main-total">
		<div class="together-main">
		<!-- 在这儿开始循环 --><!-- 多的采用分页来展开 --><!-- 在js处得要修改他的left值 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 循环点结束 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 结束循环 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥270.00</span><span>￥80.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 二轮循环结束 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥280.00</span><span>￥90.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 三轮循环结束 -->
			<!-- 循环点结束 -->
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<div class="together-img">
				<div class="together-img-top">
					<a href=""><img src="./Images/pay/3.jpg" alt=""></a>
					<a href="" class="together-aimg">MACROPUS 电压间棉系列单肩挎包</a>
					<span class="together-img-span">￥269.00</span><span>￥79.00</span>
					<button type="button" class="btn btn-default together-img-button">查看详情</button>
				</div>
			</div>
			<!-- 结束循环 -->
		</div>
		</div>
	</div>
</article>
<footer>
	<div id="footer-top">
		<div class="footer-left">
			<div class="footer-float">
				<span class="iconfont rgbf"></span>
				<span class="red">100%</span>
				<span class="rgbf">品牌正品</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fCenter"></span>
				<span class="red">7天</span>
				<span class="rgbf">无理由退换货</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fRight"></span>
				<span class="red">便捷</span>
				<span class="rgbf">在线客服</span>
			</div>
			<div class="footer-right">
				<input type="text" name="" value=""  placeholder="订阅我们的邮件" id="foot-text">
				<a href="" id="footer-submit"></a> 
			</div>
		</div>
	</div>
	<div id="footer-center">
		<div class="footer-help">
			<ul class="clearfix">
				<li class="fix-left">
					<p>
						<span>新手指南</span>
					</p>
					<p>
						<a href="">注册登录</a>
					</p>
					<p>
						<a href="">选购商品</a>
					</p>
					<p>
						<a href="">订单支付</a>
					</p>
					<p>
						<a href="">收货退款</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>会员中心</span>
					</p>
					<p>
						<a href="">YOHO币</a>
					</p>
					<p>
						<a href="">会员制度</a>
					</p>
					<p>
						<a href="">账户管理</a>
					</p>
					<p>
						<a href="">密码管理</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>购物指南</span>
					</p>
					<p>
						<a href="">全球购专区</a>
					</p>
					<p>
						<a href="">尺码选择</a>
					</p>
					<p>
						<a href="">发票</a>
					</p>
					<p>
						<a href="">商品咨询</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>支付方式</span>
					</p>
					<p>
						<a href="">在线支付</a>
					</p>
					<p>
						<a href="">货到付款</a>
					</p>
					<p>
						<a href="">优惠券</a>
					</p>
					<p>
						<a href="">YOHO币支付</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>配送方式</span>
					</p>
					<p>
						<a href="">配送时间</a>
					</p>
					<p>
						<a href="">配送范围</a>
					</p>
					<p>
						<a href="">顺丰速运</a>
					</p>
					<p>
						<a href="">商品验收与签收</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>售后服务</span>
					</p>
					<p>
						<a href="">退换货政策</a>
					</p>
					<p>
						<a href="">退换货流程</a>
					</p>
					<p>
						<a href="">退款方式与时效</a>
					</p>
					<p>
						<a href="">投诉与建议</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>APP常见问题</span>
					</p>
					<p>
						<a href="">IPhone版</a>
					</p>
					<p>
						<a href="">Android版</a>
					</p>
					<p>
						<a href="">wap版</a>
					</p>
					<p>
						<a href="">IPAD版</a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer-buttom">
		<div class="footer-link">
			<div id="footer-link-left">
				<a href=""><img src="./Images/content/13.png" alt="" class="pin1"></a>
				<a href=""><img src="./Images/content/14.png" alt="" class="pin2"></a>
			</div>
			<div id="footer-link-right">
				<p class="link-top">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!BUY 有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p class="link-buttom">
					 CopyRight © 2007-2016 南京新与力文化传播有限公司
					<a class="rbg6" target="_blank" href="http://www.miibeian.gov.cn/">苏ICP备09011225号</a>
					NewPower Co. 版权所有 经营许可证编号：苏B2-20120395 
				</p>
			</div>
		</div>
	</div>
</footer>
</body>
</html>